<div
  class="mailList"
  @myInsertRemoveTrigger
  *ngIf="change"
  [hidden]="!hide"
  draggable="true"
>
  <div class="leave-top">
    <div><i></i><label>通讯录</label></div>
    <span class="spanOne" (click)="close()"
      ><i class="iconfont icon-guanbi"></i
    ></span>
    <span class="spanThree" (click)="toSmall($event)"
      ><i class="iconfont icon-suoxiao"></i
    ></span>
  </div>

  <!-- 通讯录主体 -->
  <div class="mailList-content">
    <h5><strong>部门负责人</strong></h5>

    <ul class="allUl">
      <li *ngFor="let member of members; let i = index">
        <h4 class="htitle" (click)="showUl(i)">
          {{ member.name }}
          <i
            class="iconfont"
            [ngClass]="{
              'icon-youjiantou': !member.states,
              'icon-xiajiantou': member.states
            }"
          ></i>
        </h4>

        <ul class="ul1" *ngIf="member.states">
          <li class="htitle-ul1-li" *ngFor="let emp of member.member">
            <div class="htitle-content">
              <div class="htitle-content-div">
                <img src="{{ emp.image }}" alt="" />
              </div>

              <div class="name-phone">
                <span>{{ emp.name }}</span>
                <span>{{ emp.phone }}</span>
              </div>
              <div class="position">{{ emp.position.name }}</div>
            </div>
          </li>
        </ul>
      </li>

      <!-- <li>
        <h4 class="htitle" (click)="showUl()">经理 <i class="iconfont"
            [ngClass]="{'icon-youjiantou': !states , 'icon-xiajiantou': states}"></i></h4>
        <ul class="ul1" *ngIf="states">
          <li class="htitle-ul1-li" *ngFor="let item of lists">

            <div class="htitle-content">
              <div class="htitle-content-div">
                <img src="../../../assets/images/{{item.image}}" alt="">
              </div>

              <div class="name-phone">
                <span>{{item.name}}</span>
                <span>{{item.phone}}</span>
              </div>
              <div class="position">{{item.position.name}}</div>
            </div>
          </li>
        </ul>
      </li> -->

      <!-- <li>
        <h4 class="htitle" (click)="showUl()">经理 <i class="iconfont"
            [ngClass]="{'icon-youjiantou': !states , 'icon-xiajiantou': states}"></i></h4>
        <ul class="ul1" *ngIf="states">
          <li class="htitle-ul1-li" *ngFor="let item of lists">

            <div class="htitle-content">
              <div class="htitle-content-div">
                <img src="../../../assets/images/{{item.image}}" alt="">
              </div>

              <div class="name-phone">
                <span>{{item.name}}</span>
                <span>{{item.phone}}</span>
              </div>
              <div class="position">{{item.position.name}}</div>
            </div>
          </li>
        </ul>
      </li> -->
    </ul>
  </div>
</div>
